<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>关于我们</title>
    <link rel="stylesheet" type="text/css" href="../css/style.css">
    <script src="../js/index.js" type="text/javascript"></script>
    <meta name="author" content="王逸瑶">
    <meta name="keywords" content="魔方,魔方天地,图书">
    <meta name="description" content="魔方天地是一个介绍魔方的网站。">
    <meta name="robots" content="index,follow">
</head>
<body>
<!--页眉-->
<div id="header-wrapper">
    <!--网站logo-->
    <header class="container">
        <div id="logo">
            <a href="../homepage.html">
                <h1>魔方天地</h1>
            </a>
        </div>
        <div id="search">
            <form action="../homepage.html" method="get">
                <label>
                    <input type="search" placeholder="站内搜索">
                </label>
                <input type="submit" value="搜索">
            </form>
        </div>
    </header>
    <!--导航栏-->
    <div id="nav">
        <nav class="container">
            <ul>
                <li>
                    <a href="../homepage.html">首页</a>
                </li>
                <li>
                    <a href="category.html">魔方教程</a>
                    <ul>
                        <li><a href="#">二阶</a></li>
                        <li>
                            <a href="#">三阶</a>
                        </li>
                        <li>
                            <a href="#">高阶</a>
                        </li>
                        <li>
                            <a href="#" style="display: inline-block">
                                异形>
                                <!--                                <img src = "images/展开.png" style="height: 15px;width: auto"></img>-->
                            </a>
                            <ul>
                                <li class="nav3">
                                    <a href="#">金字塔</a>
                                </li>
                                <li class="nav3">
                                    <a href="#">五魔方</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="specials.html">淘宝小店</a>
                </li>
                <li>
                    <a href="contact.html">联系我们</a>
                </li>
                <li>
                    <a href="about.html">关于我们</a>
                </li>
            </ul>
            <div id="displaydate"></div>
            <div id="displaytime"></div>
            <div id="menu-logo">
                <a href="favorite.html">我的收藏</a>
            </div>
        </nav>
    </div>
</div>
<!--内容-->
<div id="content-wrapper" class="container">
    <!--左边内容区-->
    <article>
        <section class="video">
            <h2 id="title9">关于本站</h2>
            <p>魔方天地成立于2021年5月，由浙江工业大学软件工程专业1904班王逸瑶所作，为前端大作业。若有不足，还望海涵。</p>
<!--            <div class="video">-->
                <iframe src="//player.bilibili.com/player.html?aid=2043013&bvid=BV1Ux411A7zh&cid=3161991&page=1"> </iframe>
<!--            </div>-->
<!--            <div>-->
                <br>
                <br>
                <br>
                <br>
<!--            </div>-->
        </section>
    </article>
    <!--rightside-->
    <aside>
        <div style="text-align: center">
            <section class="aside-section">
                <h2 class="title" style="text-align: left;">教程分类</h2>
                <ul>
                    <li><a href="category.html">三阶魔方基础教程</a></li>
                    <li><a href="category.html">三阶魔方进阶教程</a></li>
                    <li><a href="category.html">二阶魔方教程</a></li>
                    <li><a href="category.html">高阶魔方教程</a></li>
                    <li><a href="category.html">金字塔魔方教程</a></li>
                    <li><a href="category.html">五魔方魔方教程</a></li>
                </ul>
            </section>
            <!--cooperate-->
            <section class="aside-section">
                <h2 class="title" style="text-align: left;">合作伙伴</h2>
                <ul>
                    <li><a href="https://cubingchina.com/">粗饼·魔方赛事网</a></li>
                    <li><a href="https://www.worldcubeassociation.org/">WORLD CUBE ASSOCIATION</a></li>
                    <li><a href="https://www.cubeskills.com/">CubeSkills</a></li>
                    <li><a href="https://www.gancube.com/zh/">GANCUBE</a></li>
                </ul>
            </section>
        </div>
        <!--关于书店-->
        <section class="about">
            <h2 class="title" style="text-align: left;">关于本站</h2>
            <img src="../images/about.gif" alt="魔方天地">
            <p>魔方天地成立于2021年5月，由浙江工业大学软件工程专业1904班王逸瑶所作，为前端大作业。若有不足，还望海涵。</p>
        </section>
    </aside>
    <!--页脚-->
    <div id="footer-wrapper">
        <!--页脚导航-->
        <footer class="container">
            <section>
                <a href="../homepage.html">首页</a> <a href="about.html">关于我们</a> <a href="#">服务条款</a> <a
                    href="#">隐私策略</a> <a href="contact.html">联系我们</a>
            </section>
        </footer>
    </div>
    <!--版权标志-->
    <section id="copyright">
        Copyright (C)
        <a href="../homepage.html">魔方天地</a>
        2021-2022，All Rights Reserved |
        京ICP证000001号音像制品经营许可证
        <address>通讯地址：浙江工业大学屏峰校区&nbsp;&nbsp;电话：17857114514&nbsp;&nbsp;网管信箱：201906061915@zjut.edu.cn
            <a href="https://gitee.com/wyysteelhead_admin/cudingsite" style="font-size: 16px">代码开源地址</a>
        </address>

    </section>
</div>
</body>
</html>